
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
table, th, td {
	border: 3px solid;
	border-color: transparent;
}

.nav ul li {
	float: left;
	list-style: none;
	display: inline;
	padding: 0px 14px;
	   
}
a:hover {color:#FF00FF;} 
</style>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>个人博客</title>
</head>
<body style="background: url(image/123.jpg); background-size: cover">
	<table align="center" width="80%">
		<tr>
			<td rowspan="2" width="15%"><img src="image/photo.jpg"
				width="120px" height="120px" /></td>
			<td align="left">
				<p>
					<span style="color: blue; font-size: 30px">空空大师</span>的个人博客
				</p>
			</td>
		<tr>
			<td align="left">
				<div class="nav">
					<ul>
						<li >主页</li>
						<li>园子</li>
						<li>消息</li>
						<li><a href="person_message.html" ><font size="5" face="arial" >个人资料</font></a></li>
						<li>博问主页</li>
						<li>随便看看</li>
					</ul>
				</div>
			</td>
		</tr>
	</table>
	<br />
	<br />
	<table align="center" width="80%">
		<tr>
			<td width="15%">
				<table width="100%">
					<tr  style="position:absolute;top:5.8cm">
						<td style="background: white;">
							<ul>
								<li style="list-style: none">博客<span style="font-size:15px;color:blue">.......写博</span></li>
								<li style="list-style: none">小组</li>
								<li style="list-style: none">新闻</li>
								<li style="list-style: none">博问</li>
								<li style="list-style: none">收藏</li>
								<li style="list-style: none">招聘</li>
		
							</ul>
						</td>
					</tr>
				</table>
			</td>
			<td width="66%">
				<table width="100%">
					<tr>
						<td colspan="2"><textarea name="textarea" rows="4" cols="57"
								style="border-style: none; float: left;">说点什么吧</textarea> <img
							src="image/12.PNG" style="float: left;" height="95px" /></td>
					</tr>
					<tr>
						<td align="left">全部动态</td>
						<td align="right">
							<div
								style="background: transparent; width: 1.3cm; height: 0.7cm; color: #55F">博客</div>
						</td>
					<tr>
						<td colspan="2">
							<hr style="background-color: #55F; height: 1px;">
						</td>
					</tr>
					<tr>
						<td colspan="2" bgcolor="white"><a href="require_blog.html">
						<font size="5" face="arial" >2018春季个人阅读计划</font></a><br>
						<img src="image/wenzhang1.PNG"
							style="width: 16.3cm"></td>
					</tr>
					<tr>
						<td colspan="2"><img src="image/shuoshuo1.PNG"
							style="width: 16.3cm"></td>
					</tr>
					<tr>
						<td colspan="2"><img src="image/shuoshuo2.PNG"
							style="width: 16.3cm"></td>
					</tr>
					<tr>
						<td colspan="2"><img src="image/shuoshuo3.PNG"
							style="width: 16.3cm"></td>
					</tr>
					<tr>
						<td colspan="2"><img src="image/shuoshuo4.PNG"
							style="width: 16.3cm"></td>
					</tr>
					
					
				</table>
			</td>
			<td>
				<table style="position:absolute;top:5cm">
				<div >
					<tr>
						<td colspan="3"><div style="color: blue">我的粉丝</div></td>
					</tr>
					<tr>
						<td><img src="image/touxiang1.png" width="50px" height="50px" /><br />

							一块</td>
						<td><img src="image/touxiang2.jpg" width="50px" height="50px" /><br />

							五块</td>
						<td><img src="image/touxaing3.jpg" width="50px" height="50px" /><br />

							十块</td>
					</tr>
					<tr>
						<td><img src="image/touxiang10.jpg" width="50px"
							height="50px" /><br /> 一百块</td>
						<td><img src="image/touxiang4.jpg" width="50px" height="50px" /><br />

							二十块</td>
					</tr>
					<tr>
						<td colspan="3"><div style="color: blue">我关注的人</div></td>
					</tr>
					<tr>
						<td><img src="image/touxiang6.jpg" width="50px" height="50px" /><br />

							一块</td>
						<td><img src="image/touxaing7.jpg" width="50px" height="50px" /><br />

							五块</td>
						<td><img src="image/touxiang9.jpg" width="50px" height="50px" /><br />

							十块</td>
					</tr>
					<tr>
						<td><img src="image/touxiang10.jpg" width="50px"
							height="50px" /><br /> 一百块</td>
						<td><img src="image/touxiang4.jpg" width="50px" height="50px" /><br />

							二十块</td>
					</tr>
					</div>
				</table>

			</td>
		</tr>
	</table>
</body>
</html>